@font-face {
    font-family: 'franchise';
	src: url('../font/Franchise-Bold-hinted.eot');/* EOT file for IE */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'franchise';
	src: url('../font/Franchise-Bold-hinted.ttf'); /* TTF file for CSS3 browsers */
    font-weight: 700;
    font-style: normal;
}

html,body{
	margin:0px;padding:0px;
	font-family: '돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;
	font-size:0.9em;
	color:#333333;
}

div{margin:0px;}
ol, ul {margin:0px;list-style: none;padding:0px;}
li {display: list-item;text-align: -webkit-match-parent;}
#main {padding:0px 10px;overflow:auto;background-color:#FFFFFF}
#navi {width:100%;height:32px;background: #ecf3fe;position: relative;min-height: 31px;border-bottom: 1px solid #d4e4fc;overflow: hidden;}
#navi ul {position: absolute;height: 31px;}
#navi ul li {float: left;height: 100%;}
#navi ul li a {
display: block;
height: 100%;
border-right: 1px solid #d4e4fc;
font-size: 0.9em;
color: #333333;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
text-decoration: none;
}
#navi ul li a span {display: block;padding: 10px 12px 0 12px;}
#navi ul#left-navi {
padding:5px 0px 0px 5px;
}
#navi ul#right-navi {
right: 0;
}

#title {font-size:2.5em;font-weight:600;margin-top:5px;padding:10px 0 5px 10px;border-radius:10px 10px 0 0;border-width:1px 1px 0 1px;border-color:#999;border-style:solid;background-color:#D4E4FC;}
#desc {padding:10px;border-radius:0 0 10px 10px;border-width:1px 1px 1px 1px;border-color:#999;border-style:solid;background-color:#FFFFFF;}

#functionArea {font-size:1.0em;border:2px solid #9cb6cf;padding:5px;margin:10px 0px;}
#viewArea {margin:10px 0px;}